.Marquee {
  :global {
    .outer {
      z-index: 1;
      overflow: hidden;

      .inner {
        display: inline-block;
        white-space: nowrap;
        transform: translateZ(0);

        &.marquee:local {
          animation: marquee 1s linear infinite both;
        }
      }
    }

    @keyframes marquee {
      to {
        transform: translate3d(calc(-100%), 0, 0);
      }
    }
  }
}
